<template>
    <doc-main>
        <button @click="switchState">Switch</button>
        <load-animation :load="true" :timeout="5000"> </load-animation>
        <modal :onclose="close" :onsubmit="submit" title="AAA" :show="show">
            666666666
        </modal>
    </doc-main>
</template>

<script>
    import DocMain from '../layout/DocMain.vue';
    import Modal from '../../../js/components/widget/Modal.vue';
    import LoadAnimation from '../../../js/components/animation/Loading.vue';

    export default {
        components: {
            LoadAnimation,
            Modal,
            DocMain
        },
        data () {
            return {
                show: false
            };
        },
        methods: {
            close () {
                this.show = false;
            },
            submit () {
            },
            switchState () {
                this.show = !this.show;
            }
        }
    };
</script>

<style>

</style>
